<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>仿迅雷UI</title>
    <link rel="stylesheet" href="StyleSheets/style.css">
    <link rel="stylesheet" href="StyleSheets/font-awesome.css">
</head>

<body>
    <div id="app-container">
        <div id="menu-container">
            <div class="avatar-container">
                <img src="Images/avtar.png" alt="" class="avatar" />
                <div class="user-info-panel">
                    <div>
                        <h4 style="color:#CBCED1;display:inline-block;">欢迎你!</h4>
                        <h4 id="userName">王吉</h4>
                    </div>

                    <div style="margin-top:8px;">
                        <span class="red label ">内部员工</span>
                    </div>
                </div>
            </div>
            <div class="divider"></div>
            <!--             <div class="menu-item" id="city-combo">
                <i class="fa fa-bank custom-1x"></i>
                <span>上海</span>
                <i style="position: absolute;right: 0;top: 50%;margin-top: -10px;" class="fa fa-angle-down custom-1x"></i>
            </div> -->
            <div class="menu">
                <div class="menu-item ">
                    <i class="fa fa-heart custom-1x"></i>
                    <span>我的关注</span>
                </div>
                <div class="menu-item">
                    <i class="fa fa-thumb-tack fa-2x"></i>
                    <span>监护项目</span>
                </div>
                <div class="menu-item">
                    <i class="fa fa-mobile-phone custom-2x"></i>
                    <span>自动化项目</span>
                </div>
                <div class="menu-item">
                    <i class="fa fa-line-chart custom-1x"></i>
                    <span>长期沉降</span>
                </div>
            </div>
        </div>
        <div id="content-container">
            <div class="menu-item" id="top-bar">
                <div id="top-bar-left-panel">

                </div>
            </div>
        </div>
    </div>
</body>

</html>
